/**
 *  表单
 */
.wsj-form-box{clear:both;margin-bottom:15px;-webkit-user-select:none;user-select:none;}
.wsj-form-box::after{content:"\200B";display:block;height:0;clear:both;}
.wsj-form-box{*zoom:1;}
.wsj-form-left{float:left;display:block;width:100px;font-weight:400;line-height:20px;text-align:right;}
.wsj-form-right{margin-left:130px;}
.wsj-form-input{display:block;box-sizing:border-box;outline:none;width:100%;height:38px;line-height:38px;padding:0 10px;border:1px solid #d2d2d2;}
.wsj-form-input:disabled{background-color:#ddd;color:#888;cursor:not-allowed;}
.wsj-form-tips{height:38px;line-height:38px;color:#999;padding:0 10px;}

.wsj-checkbox{position:relative;display:inline-block;cursor:pointer;font-size:0;}
.wsj-checkbox .wsj-ck-a,.wsj-checkbox .wsj-ck-b{position:relative;display:inline-block;vertical-align:middle;}
.wsj-checkbox .wsj-ck-a input[type=checkbox]{display:none;}
.wsj-checkbox .wsj-ck-b{padding-left:27px;font-size:14px;}
.wsj-checkbox  .ckicon{position:absolute;top:50%;transform:translateY(-50%);left:0;width:18px;height:18px;background-color:#fff;border:2px solid #4a93f6;}
.wsj-checkbox  input[type=checkbox]:checked+.ckicon:after{content:'';position:absolute;top:50%;left:50%;
transform:translate(-50%,-7px) rotate(45deg);width:4px;height:10px;background-color:#fff;border-right:2px solid #4a93f6;border-bottom:2px solid #4a93f6;}
.wsj-checkbox-red .ckicon{border:2px solid #f44f7f;}
.wsj-checkbox-red input[type=checkbox]:checked+.ckicon:after{border-right:2px solid #f44f7f;border-bottom:2px solid #f44f7f;}
.wsj-checkbox-green .ckicon{border:2px solid #09BB07;}
.wsj-checkbox-green input[type=checkbox]:checked+.ckicon:after{border-right:2px solid #09BB07;border-bottom:2px solid #09BB07;}
.wsj-checkbox-round .ckicon{border-radius:50%;background:#fff;}
.wsj-checkbox-round input[type=checkbox]:checked+.ckicon{background-color:#4a93f6;}
.wsj-checkbox-round input[type=checkbox]:checked+.ckicon:after{border-right:2px solid #fff;border-bottom:2px solid #fff;background:transparent;}
.wsj-checkbox-green.wsj-checkbox-round input[type=checkbox]:checked+.ckicon{background-color:#09bb07;}
.wsj-checkbox-green.wsj-checkbox-round input[type=checkbox]:checked+.ckicon:after{background:#09BB07;}
.wsj-checkbox-red.wsj-checkbox-round input[type=checkbox]:checked+.ckicon{background-color:#f44f7f;}
.wsj-checkbox-red.wsj-checkbox-round input[type=checkbox]:checked+.ckicon:after{background:#f44f7f;}
.wsj-checkbox input[type=checkbox]:disabled+.ckicon{opacity:0.5;cursor:not-allowed;}

.wsj-radio{position:relative;display:inline-block;cursor:pointer;font-size:0;}
.wsj-radio .wsj-ra-a,.wsj-radio .wsj-ra-b{position:relative;display:inline-block;vertical-align:middle;}
.wsj-radio input[type=radio]{display:none;}
.wsj-radio .wsj-ra-b{padding-left:27px;font-size:14px;}
.wsj-radio .raicon{position:absolute;top:50%;transform:translateY(-50%);left:0;width:18px;height:18px;border-radius:50%;background-color:#fff;border:2px solid #4a93f6;}
.wsj-radio input[type=radio]:checked+.raicon:after{content:'';position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;width:8px;height:8px;border-radius:50%;background-color:#4a93f6;}
.wsj-radio-red input[type=radio]+.raicon{border:2px solid #f44f7f;}
.wsj-radio-red input[type=radio]:checked+.raicon:after{background-color:#f44f7f;}
.wsj-radio-green input[type=radio]+.raicon{border:2px solid #09BB07;}
.wsj-radio-green input[type=radio]:checked+.raicon:after{background-color:#09BB07;}
.wsj-radio-tick input[type=radio]:checked+.raicon{background-color:#4a93f6;}
.wsj-radio-tick input[type=radio]:checked+.raicon:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-7px) rotate(45deg);width:4px;height:10px;border-radius:0;background-color:transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;}
.wsj-radio-red.wsj-radio-tick input[type=radio]:checked+.raicon{background-color:#f44f7f;}
.wsj-radio-red.wsj-radio-tick input[type=radio]:checked+.raicon:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-7px) rotate(45deg);width:4px;height:10px;border-radius:0;background-color:transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;}
.wsj-radio-green.wsj-radio-tick input[type=radio]:checked+.raicon{background-color:#09BB07;}
.wsj-radio-green.wsj-radio-tick input[type=radio]:checked+.raicon:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-7px) rotate(45deg);width:4px;height:10px;border-radius:0;background-color:transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;}
.wsj-radio input[type=radio]:disabled+.raicon{opacity:0.5;cursor:not-allowed;}
/**
 *  按钮
 */
.wsj-btn{position:relative;display:inline-block;outline:none;height:38px;line-height:38px;padding:0 18px;background-color:#4a93f6;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:1px solid transparent;border-radius:2px;cursor:pointer;}
.wsj-btn:hover{background-color:#317ef3;}
.wsj-btn-orange{background-color:#ff6805;}
.wsj-btn-orange:hover{background-color:#f26405;}
.wsj-btn-green{background-color:#44b549;}
.wsj-btn-green:hover{background-color:#2f9833;}
.wsj-btn-red{background-color:#e4393c;}
.wsj-btn-red:hover{background-color:#f30213;}
.wsj-btn-purple{background-color:#9b59b6;}
.wsj-btn-purple:hover{background-color:#8e51a6;}
.wsj-btn-yellow{background-color:#feb43e;}
.wsj-btn-yellow:hover{background-color:#f2ac3a;}
.wsj-btn-yellow-black{color:#333;background-color:#f7ca56;}
.wsj-btn-yellow-black:hover{color:#333;background-color:#ffd059;}
.wsj-btn-pink{background-color:#f44f7f;}
.wsj-btn-pink:hover{background-color:#ff6a95;}
.wsj-btn-gray{background-color:#7a88a7;}
.wsj-btn-gray:hover{background-color:#8d9ab7;}
.wsj-btn-white{background-color:#fff;border:1px solid #c9c9c9;color:#333;}
.wsj-btn-white:hover{background-color:#f2f2f2;}
.wsj-btn-full{width:100%;}
.wsj-btn-disable,.wsj-btn-disable:hover{cursor:not-allowed;background-color:#ddd;color:#888;}
.wsj-btn-light{box-shadow:0px 0px 1px #fff inset;}
.wsj-btn-lg{height:46px;line-height:46px;padding:0 25px;font-size:16px;}
.wsj-btn-sm{height:30px;line-height:30px;padding:0 10px;font-size:12px;}
.wsj-form-select{display:none;}
.wsj-sel-wrap{position:relative;background-color:#fff;cursor:pointer;}
.wsj-sel-first{margin-right:35px;}
.wsj-sel-head{padding:10px;border:1px solid #4a93f6;}
.wsj-sel-body{position:absolute;box-sizing:border-box;width:100%;z-index:123;background-color:#fff;border:1px solid #4a93f6;border-top:none;max-height:200px;overflow-y:auto;-webkit-user-select:none;user-select:none;display:none;}
.wsj-sel-item{padding:10px;border-bottom:1px solid #eee;-webkit-user-select:none;user-select:none;}
.wsj-sel-item:hover{background-color:#eee;}
.wsj-sel-item-cur{background-color:#4a93f6;color:#fff;}
.wsj-sel-item-cur:hover{background-color:#4a93f6;color:#fff;}
.wsj-sel-arr{float:right;margin-right:10px;margin-top:4px;width:8px;height:8px;border-right:2px solid #4a93f6;border-bottom:2px solid #4a93f6;transition:transform 0.3s;transform:rotate(45deg);transform-origin:75% 75%;}
.wsj-sel-arr-reverse{transform:rotate(225deg);transform-origin:75% 75%;}
.wsj-sel-mask{position:fixed;z-index:122;top:0;left:0;bottom:0;right:0;}
/**
 *  栅格化
 */
.wsj-row::after{content:"\200B";display:block;height:0;clear:both;}
.wsj-row{*zoom:1;}
.wsj-col-1,.wsj-col-2,.wsj-col-3,.wsj-col-4,.wsj-col-5,.wsj-col-6,.wsj-col-7,.wsj-col-8,.wsj-col-9,.wsj-col-10,.wsj-col-11,.wsj-col-12,.wsj-col-50,.wsj-col-100,.wsj-col-150,.wsj-col-200,.wsj-col-250,.wsj-col-300,.wsj-col-350,.wsj-col-400,.wsj-col-450,.wsj-col-500,.wsj-col-550,.wsj-col-600,.wsj-col-650,.wsj-col-700,.wsj-col-750,.wsj-col-800,.wsj-col-850,.wsj-col-900{float:left;position:relative;display:block;box-sizing:border-box;}
.wsj-col-1{width:8.33333333%}
.wsj-col-2{width:16.66666667%}
.wsj-col-3{width:25%}
.wsj-col-4{width:33.33333333%}
.wsj-col-5{width:41.66666667%}
.wsj-col-6{width:50%}
.wsj-col-7{width:58.33333333%}
.wsj-col-8{width:66.66666667%}
.wsj-col-9{width:75%}
.wsj-col-10{width:83.33333333%}
.wsj-col-11{width:91.66666667%}
.wsj-col-12{width:100%}
.wsj-col-offset1{margin-left:8.33333333%}
.wsj-col-offset2{margin-left:16.66666667%}
.wsj-col-offset3{margin-left:25%}
.wsj-col-offset4{margin-left:33.33333333%}
.wsj-col-offset5{margin-left:41.66666667%}
.wsj-col-offset6{margin-left:50%}
.wsj-col-offset7{margin-left:58.33333333%}
.wsj-col-offset8{margin-left:66.66666667%}
.wsj-col-offset9{margin-left:75%}
.wsj-col-offset10{margin-left:83.33333333%}
.wsj-col-offset11{margin-left:91.66666667%}
.wsj-col-offset12{margin-left:100%}
.wsj-col-50{width:50px;}
.wsj-col-100{width:100px;}
.wsj-col-150{width:150px;}
.wsj-col-200{width:200px;}
.wsj-col-250{width:250px;}
.wsj-col-300{width:300px;}
.wsj-col-350{width:350px;}
.wsj-col-400{width:400px;}
.wsj-col-450{width:450px;}
.wsj-col-500{width:500px;}
.wsj-col-550{width:550px;}
.wsj-col-600{width:600px;}
.wsj-col-650{width:650px;}
.wsj-col-700{width:700px;}
.wsj-col-750{width:750px;}
.wsj-col-800{width:800px;}
.wsj-col-850{width:850px;}
.wsj-col-900{width:900px;}
.wsj-col-950{width:950px;}
.wsj-col-1000{width:1000px;}
.wsj-col-offset-50{margin-left:50px;}
.wsj-col-offset-100{margin-left:100px;}
.wsj-col-offset-150{margin-left:150px;}
.wsj-col-offset-200{margin-left:200px;}
.wsj-col-offset-250{margin-left:250px;}
.wsj-col-offset-300{margin-left:300px;}
.wsj-col-offset-350{margin-left:350px;}
.wsj-col-offset-400{margin-left:400px;}
.wsj-col-offset-450{margin-left:450px;}
.wsj-col-offset-500{margin-left:500px;}
.wsj-col-offset-550{margin-left:550px;}
.wsj-col-offset-600{margin-left:600px;}
.wsj-col-offset-650{margin-left:650px;}
.wsj-col-offset-700{margin-left:700px;}
.wsj-col-offset-750{margin-left:750px;}
.wsj-col-offset-800{margin-left:800px;}
.wsj-col-offset-850{margin-left:850px;}
.wsj-col-offset-900{margin-left:900px;}
.wsj-col-offset-950{margin-left:950px;}
.wsj-col-offset-1000{margin-left:1000px;}